<template>
    <div class="header">
        <nav>
            <div class="logo"></div>
            <h1>猫眼电影</h1>
            <div>
                <img src="https://p0.meituan.net/scarlett/f05f61e7a8f3f45fd071c068d7a26870356.png" alt="">
            </div>
        </nav>
    </div>
</template>
<style scoped lang="scss">
.header {
    background: #e54847;
    height: 50px;
    width: 100%;
    font-family: PingFangSC-Regular, "Hiragino Sans GB", sans-serif, Helvetica, 宋体;
    nav{
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 100%;
        width: 95%;
        margin: 0 auto;
        h1{
            font-size: 18px;
            color: white;
        }

        div{
            width: 17px;
            height: 16px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
</style>